<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>未选图层面板</title>
  <link rel="stylesheet" href="../../js/plugin/ztreev3/css/bootstrapStyle/bootstrapStyle.css"/>
  <link rel="stylesheet" href="../../node_modules/Scrollbar/jquery.mCustomScrollbar.css"/>
  <style>
    .node_name{
      color: #000000!important;
      font-weight: bold !important;
    }
    #treeDemo{
      height: 340px;
      overflow: hidden;
    }
    body{
      margin-right: 0px!important;
    }
  </style>
</head>

<body>
  <div id="appTree" class="treePanel">
    <ul id="treeDemo" class="ztree"></ul>
  </div>
  <script src="../../js/plugin/jquery-2.0.3.js"></script>
  <script src="../../js/plugin/ztreev3/js/jquery.ztree.all.min.js"></script>
  <script src="../../node_modules/Scrollbar/jquery.mCustomScrollbar.js"></script>
  <script src="../../js/Layers/unSelectLayer.js"></script>
  <script>
    $(function () {
      $('#treeDemo').mCustomScrollbar({
        theme:"thick",
        scrollButtons:{
          enable:false,
          scrollType:"continuous",
          scrollSpeed:20,
          scrollAmount:40
        },
        horizontalScroll:false,
        scrollbarPosition:"outside",//滚动线的位置，在容器内部还是外部 inside(default)|outside (如果容器的position是static值，则添加position:relative)
        autoDraggerLength: true,//根据内容区域自动调整滚动条拖块的长度
        autoExpandScrollbar: true,
        advanced:{
          updateOnContentResize:true,
        }
      });
    })
  </script>
</body>

</html>